/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

body {
  background: black;
  font-size: 84%;
  margin: 0;
  overflow: hidden;
  user-select: none;
}

#video-player {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

#video-container {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

#video-player[loading] #video-container {
  display: none;
}

video {
  height: 100%;
  left: 0;

  /*
   * Since r614513, <video> elements take focus on click which causes yellow
   * lines to appear unless the outline is disabled. See crbug/917503.
   */
  outline: none;

  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.tool {
  transition: opacity 180ms linear;
}
